extends fn/basic.pug

append vars 
  -var title="任务管理" 
append style
  link(rel="stylesheet", href="style/user.css")
  link(rel="stylesheet", href="style/business.css")
block cont
  .x-con
    .x-title.clearfix
      img(src="image/cicrle.png")
      span 任务管理
    .x-tab 
      span.active 等待回访
      span 已经回访
      span 战败客户
      span 全部客户
    .c-content
      .x-item.show
        .x-form.rw-form 
          .x-form-item
            label
              span 客户姓名：
              input(type="text",placeholder="请输入姓名")
            label
              span 联系电话：
              input(type="text",placeholder="请输入电话")
            label
              span 意向阶段：
              select(name="")
                option(value="全部") 全部
                option(value="全部") 全部
                option(value="全部") 全部
            label
              span 负责人：
              select(name="")
                option(value="全部") 全部
                option(value="全部") 全部
                option(value="全部") 全部
            button 查询
          .x-form-item
            label.time 
              span 创建时间：
              input#datetimepicker.start_datetime(type="text",value="2017-06-15 14:45")
            span.line
            label 
              input#datetimepicker2.end_datetime(type="text",value="2017-06-15 14:45")            
            label 订购车型：
              select
                option(value="全部品牌") 全部品牌
                option(value="全部品牌") 全部品牌
                option(value="全部品牌") 全部品牌
              select
                option(value="全部车型") 全部车型
                option(value="全部车型") 全部车型
                option(value="全部车型") 全部车型
              select
                option(value="全部车款") 全部车款
                option(value="全部车款") 全部车款
                option(value="全部车款") 全部车款
          .x-form-item
            .search-more
              a(href="javascript:;") 更多搜索
              span >
          .table-info.table-rw
            .header
              button.active 分配
              button 导出
              button 打印
            table(class="my-table")
              thead
                tr
                  th(style="width:8%")
                    label
                      input(type="checkbox")
                      .img.bor-wh
                      span 全选
                  th(style="width:14%") 客户姓名
                  th(style="width:10%") 类别
                  th(style="width:24%") 线索详情
                  th(style="width:14%") 线索时间
                  th(style="width:8%") 未处理时间
                  th(style="width:6%") 意向级别
                  th(style="width:6%") 责任人
                  th(style="width:8%") 操作
              tbody
                -for(var i=0;i<10;i++)
                  tr
                    td 
                      label
                        input(type="checkbox")
                        .img
                        span 
                    td 鲁智深（山东梁山）
                    td 新车购买
                    td  东风本田 2016款 思域1.5t 豪华型
                    td 2017/5/15 17:50:15
                    td 0.8 
                      span.hour 小时
                    td h
                    td 鲁智深
                    td
                      a 处理
            .bj-page
              .pageSize
                ul
                  li.home 首页
                  li.pre 上一页
                  - for(var i=1;i<5;i++)
                    li(class={active:i==1})=i 
                  li.next 下一页
                  li.home 末页
            .bj-info.rw
              p 系统提示
              ol
                li 1.把线索分配给销售顾问进行跟进，更有利于潜在客户转换化；
                li 2.可以在“线索分配”里设置线索自动分配的规则。当有新线索时，直接分配给相应的销售顾问；
                li 3.超过３天未处理的线索会流失，已经流失的线索可以在“流失订单”里查看。
                li 4.线索的联系状况标识：
                p 
                  img(src="image/x-sj.png")
                  span 未联系
            .list-h
              .list
                span.h 4h
                span 4小时内联系 
              .list
                span.h 6h
                span 6小时内联系
              .list
                span.h 24h
                span 24小时内联系
              .list
                img(src="image/x-correct.png")
                span 超24小时内联系

      -for(var j=1;j<4;j++)
        .x-item
          .x-form.rw-form  
            .x-form-item
              label
                span 客户姓名：
                input(type="text")
              label
                span 联系电话：
                input(type="text")
              label
                span 意向阶段：
                select(name="")
                  option(value="全部") 全部
                  option(value="全部") 全部
                  option(value="全部") 全部
              label
                span 负责人：
                select(name="")
                  option(value="全部") 全部
                  option(value="全部") 全部
                  option(value="全部") 全部
              button 查询
            .x-form-item
              label.time 
                span 创建时间：
                input#datetimepicker(type="text")
              span.line
              label 
                input#datetimepicker2(type="text")  
              label 订购车型：
                select
                  option(value="全部品牌") 全部品牌
                  option(value="全部品牌") 全部品牌
                  option(value="全部品牌") 全部品牌
                select
                  option(value="全部车型") 全部车型
                  option(value="全部车型") 全部车型
                  option(value="全部车型") 全部车型
                select
                  option(value="全部车款") 全部车款
                  option(value="全部车款") 全部车款
                  option(value="全部车款") 全部车款
            .x-form-item
              .search-more
                a(href="javascript:;") 更多搜索
                span >
            .table-info.table-rw
              .header
                button.active 分配
                button 导出
                button 打印
              table(class="my-table")
                thead
                  tr
                    th(style="width:8%")
                      label
                        input(type="checkbox")
                        .img
                        span 全选
                    th(style="width:10%") 客户姓名
                    th(style="width:10%") 类别
                    th(style="width:20%") 线索详情
                    th(style="width:14%") 线索时间
                    th(style="width:8%") 责任人
                    th(style="width:6%") 客户级别
                    th(style="width:6%") 回访方式
                    th(style="width:8%") 录音回放
                    th(style="width:8%") 操作
                tbody
                  -for(var i=0;i<10;i++)
                    tr
                      td 
                        label
                          input(type="checkbox")
                          .img
                          span 
                      td 鲁智深（山东梁山）
                      td 新车购买
                      td  东风本田 2016款 思域1.5t 豪华型
                      td 2017/5/15 17:50:15
                      td 0.8 
                        span.hour 小时
                      td h
                      td 鲁智深
                      td
                      td
                        a 处理
              .bj-page
                .pageSize
                  ul
                    li.home 首页
                    li.pre 上一页
                    - for(var i=1;i<5;i++)
                      li(class={active:i==1})=i 
                    li.next 下一页
                    li.home 首页
              .bj-info.rw
                p 系统提示
                ol
                  li 把线索分配给销售顾问进行跟进，更有利于潜在客户转换化；
                  li 可以在“线索分配”里设置线索自动分配的规则。当有新线索时，直接分配给相应的销售顾问；
                  li 超过３天未处理的线索会流失，已经流失的线索可以在“流失订单”里查看。
                  li 线索的联系状况标识：
                  p 
                    img(src="image/x-sj.png")
                    span 未联系
              .list-h
                .list
                  span.h 4h
                  span 4小时内联系 
                .list
                  span.h 6h
                  span 6小时内联系
                .list
                  span.h 24h
                  span 24小时内联系
                .list
                  img(src="image/x-correct.png")
                  span 超24小时内联系
              
                